<template>
  <div class="agreement">
    <x-header>使用条款<a slot="right"></a></x-header>
    <group>
      <cell v-for="(item,i) in list" :key="i" :title="item.name" :link="item.link" is-link></cell>
    </group>
  </div>
</template>
<script>
import { Vue, Component } from 'vue-property-decorator';
import {
  XHeader,
  Group,
  Cell
} from 'vux';

@Component({
  components: {
    XHeader,
    Group,
    Cell
  }
})
export default class Agreement extends Vue {
  list = [
    { name: '二手交易平台用户专属规则', link: '/secondhandAgreement' },
    { name: '来人呐平台用户规则', link: '/playformAgreement' },
    { name: '论坛用户专属规则', link: '/forumAgreement' },
    { name: '跑腿平台跑手专属规则', link: '/serviceAgreement' },
    { name: '跑腿平台用户专属规则', link: '/neederAgreement' },
    { name: '软件服务协议', link: '/softwareAgreement' }
  ]
}
</script>
<style lang="less">
  .agreement {
    padding-top: 46px;
    width: 100%;
    height: 100%;
    padding-top: 46px;
  }
</style>
